<template>
    <div class="my-view">
        <Tabs value="orderList">
            <TabPane label="订单明细" name="orderList">
                <OrderList :staticParams="statictParam" ref="orderList"/>
            </TabPane>
            <TabPane label="退货退款明细" name="afterSaleOrder">
                <AfterSaleOrder :staticParams="statictParam" ref="afterSaleOrder"/>
            </TabPane>
            <TabPane label="提货券明细" name="walletLog">
                <WalletLog :staticParams="statictParam" ref="walletLog"/>
            </TabPane>
            <TabPane label="转赠明细" name="transferLog">
                <TransferLog :staticParams="statictParam" ref="transferLog"/>
            </TabPane>
        </Tabs>
    </div>
</template>

<script>
    import OrderList from './orderList.vue'
    import AfterSaleOrder from './afterSaleOrder.vue'
    import WalletLog from './walletLog.vue'
    import TransferLog from './transferLog.vue'
    
    export default {
        components: {
            OrderList,
            AfterSaleOrder,
            WalletLog,
            TransferLog
        },
        data() {
            return {
                statictParam: {}
            }
        },
        created() {
            let staticParm = this.$route.query
            this.statictParam = {
                queryDate: staticParm.date
            }
        }
    }
</script>

<style lang="scss" scoped>
.my-view{
    background: #ffffff;
    height: calc(100vh - 130px);
    :deep(.ivu-tabs-content){
        max-height: calc(100vh - 180px);
        .ivu-table-body{
            max-height: calc(100vh - 360px);
            overflow-y: auto;
            overflow-x: hidden;
            &::-webkit-scrollbar{
                width: 5px;
            }
        }
    }
}
</style>